<template>
  <div>
    <van-dropdown-menu>
            <van-dropdown-item title="分类" ref="item">
                <div style="padding: 5px 16px; width: 40%; float: left;">
                    <van-button plain block type="primary">重置</van-button>
                </div>
                <div style="padding: 5px 16px; width: 40%; float: right;">
                    <van-button color="#eb6100" type="danger" block >
                        确认
                    </van-button>
                </div> 
            </van-dropdown-item>
            <van-dropdown-item title="排序" ref="item">
                <van-cell center title="综合排序" style="text-align: center; font-size: 20px;" />
                <van-cell center title="最新" style="text-align: center; font-size: 20px;" />
                <van-cell center title="最热" style="text-align: center; font-size: 20px;" />
                <van-cell center title="价格从低到高" style="text-align: center; font-size: 20px;" />
                <van-cell center title="价格从高到低" style="text-align: center; font-size: 20px;" />
            </van-dropdown-item>
            <van-dropdown-item title="筛选" ref="item">
            
                
            </van-dropdown-item>
        </van-dropdown-menu>

    <van-cell-group>
      <van-tag v-for="(item,index) in list" :key="index">
        <div class="q1">
          <p>{{ item.title }}</p>
          <p>1970-01-20 03 30:00 | {{ item.sales_num }}</p>
          <p>{{ item.teachers_list[0].teacher_avatar }}</p>
          <p>{{ item.browse_num }}人已报名</p>
        </div>
      </van-tag>
    </van-cell-group>

    <zujian1></zujian1>
  </div>
</template>

<script>
import zujian1 from "@/components/zujian1.vue";
export default {
  components: {
    zujian1,
  },
  name: "MyAppDateil",

  data() {
    return {
      list: [],
    };
  },

  mounted() {
    this.$axios
      .get("http://120.53.31.103:84/api/app/courseBasis").then((res) => {
        this.list = res.data.data.list;
        console.log(this.list)
      });
  },

  methods: {},
};
</script>

<style scoped>
   .van-tag div{
    width: 93%;
    height: 4.8rem;
    margin-top: 10px;
  }
  .van-tag {
    margin-top: 10px;
    height: 130px;
    background-color: darkcyan;
  }
</style>